/* search&logo&shop_car */
/* 购物车 */
.car_popup{
    padding-top: 16px;
    width: 280px;
    padding-bottom: 1px;
    position: absolute;
    background-color: #fff;
    top: 47px;
    right: 0;
    border:1px solid rgba(0,0,0,0.15);
    z-index: 2;
}

.car_popup_item{
    height: 65px;
    background-color: #fff;
    padding: 0 16px;
}
.car_all_money{
    float: left;
    font-size:12px;
    line-height:40px;
    color:rgba(0,0,0,0.85);
    margin-left: 16px;
}
.car_popup_btn{
    width:80px;
    height:32px;
    background:rgba(204,24,24,1);
    font-size:12px;
    line-height:32px;
    color:rgba(255,255,255,1);
    margin-top: 4px;
    text-align: center;
    margin-right: 8px;
}
.car_popup_img{
    width: 54px;
    height: 54px;
}
.car_popup_tit{
    width: 100px;
    height: 53px;
    font-size:12px;
    font-weight:400;
    line-height:18px;
    color:rgba(0,0,0,0.65);
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; 
    margin-left: 8px;
}
.car_popup_footer{
    height: 40px;
    background:rgba(0,0,0,0.05);
}
.car_popup_money{
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:22px;
    color:rgba(0,0,0,0.85);
    text-align: right
}
.search_shop_car{
    z-index: 3;
    position: absolute;
    right: 0;
    width: 180px;
    height: 40px;
    background-color: #ffffff;
    text-align: center;
    color:rgba(204,24,24,1);
    margin-left: 80px;
    line-height: 40px;
    margin-top: 8px;
    top: 0px;
}

.search{
    margin-top: 27px;
    height: 70px;
}
.logo{
    width: 114px;
    height: 48px;
}
.search_box{
    position: relative;
    margin-top: 8px;
    margin-left: 80px;
}
.search_input{
    width: 680px;
    height: 40px;
    border: none;
    outline: none;
    padding-left: 5px;
    box-sizing: border-box;
}
.search_btn{
    width: 80px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(204,24,24,1);
    cursor: pointer;
}
.search_btn img{
    width: 22px;
    height: 22px;
    margin: 10px auto;
}
.car_box{
    position: relative;
    width: 250px;
}
.search_car_active{
    border:1px solid rgba(0,0,0,0.15);
    border-bottom: none;
}

.history_search{
    padding-left: 5px;
}
.history_search ul li{
    float: left;
    margin-right: 12px;
    color:rgba(0,0,0,0.45);
    font-size: 12px;
    line-height: 20px;
    margin-top: 3px;
}


/* person_center */
.person_center {
    margin-top: 40px
}



/* person_nav */
.nav_box {
    width: 140px;
    height: 760px;
}

.person_nav {
    width: 140px;
    height: 760px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.85);
    padding-left: 20px;
}
.person_nav li{
    cursor: pointer;
}

.person_nav .active {
    color: rgba(204, 24, 24, 1);
}

.right_box {
    width: 1040px;
    margin-left: 20px;
}

.person_info {
    width: 1040px;
    height: 80px;
    line-height: 80px;
    background-color: #fff;
    padding: 0 20px;
    margin-bottom: 20px;
}

.info_img {
    display: inline-block;
    width: 42px;
    height: 42px;
    background-color: #ccc;
    border-radius: 50%;
    margin-top: 19px;
}

.info_name {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: bold;
    margin-left: 12px;
    color: rgba(0, 0, 0, 0.85);
    display: inline-block;
    width: 120px;
    text-align: left;
}

.info_vip {
    /* width: 56px; */
    height: 20px;
    background: rgba(47, 47, 48, 1);
    opacity: 1;
    border-radius: 10px;
    padding: 2px 6px;
    line-height: 20px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    margin-top: 30px;
    margin-left: 16px;
    color: rgba(199, 184, 111, 1);
}

.icon_vip {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.icon_vip img {
    width: 100%;
}

.integral_box {
    margin-left: 80px;
}

.icon_name {
    display: inline-block;
}

.integral_tit {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
}

.integral_num {
    font-size: 24px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
}

.add_ticket {
    font-size: 14px;
    color: rgba(16, 120, 239, 1);
}

.add_ticket .add {
    margin-right: 62px;
}


.order_wrap {
    width: 1040px;
    overflow: hidden;
    clear: both;
}

.my_roder {
    background-color: #fff;
    overflow: hidden;
    width: 740px;
    clear: both;
}

.roder_tit {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-left: 20px;
}

.order_icon {
    height: 126px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 24px 60px 0;
}

.icon_item {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.85);
    margin-right: 58px;
    cursor: pointer;
}

.icon_item:last-child {
    margin-right: 0
}

.order_icon .icon_item img {
    width: 48px;
    height: 48px;
    margin: 0 auto;
}

.order_img {
    padding-bottom: 20px;
}

.img_item {
    overflow: hidden;
    clear: both;
    width: 700px;
    margin: 0 auto;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.order_img_box {
    width: 72px;
    height: 72px;
    background-color: #ccc;
}

.order_text {
    margin-left: 20px;
}
.check_address{
    width: 140px;
    outline: none;
}
.order_tit {
    font-weight: 400;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.85);
    margin-top: 10px;
    width: 600px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}

.sub_tit {
    margin-top: 11px;
}

.order_time {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.45);
}

.order_detail {
    font-size: 14px;
    line-height: 20px;
    color: rgba(16, 120, 239, 1);
    margin-left: 20px;
}

.order_btn {
    width: 80px;
    height: 32px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
    margin-top: 18px;
}


/* footprint */
.footprint {
    width: 280px;
    margin-left: 20px;
    background-color: #fff;
}

.footprint_tit {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.foot_tit {
    font-size: 20px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85)
}

.sub_foot_tit {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.45);
    margin-top: 3px;
}

.footprint_list {
    padding: 20px;
    overflow: hidden;
    clear: both;
}

.footprint_item {
    width: 112px;
    margin-right: 16px;
}

.footprint_item:nth-child(2n) {
    margin-right: 0
}

.footprint_img {
    width: 112px;
    height: 112px;
    background-color: #ccc;
}

.footprint_img_tit {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.85);
}

.footprint_money {
    font-size: 14px;
    line-height: 20px;
    color: rgba(204, 24, 24, 1);
}



/* 我的订单 */

.order_box {
    width: 1040px;
    margin-left: 20px;
    background-color: #fff;
}

.order_nav {
    height: 49px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0 20px;
    margin-bottom: 10px;
}

.order_nav ul li {
    display: inline-block;
    width: 100px;
    text-align: center;
    height: 12px;
    border-right: 1px solid rgba(0, 0, 0, 0.25);
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
    line-height: 12px;
    margin-top: 19px;
    position: relative;
    cursor: pointer;
}

.order_nav .active {
    color: rgba(204, 24, 24, 1);
}

.order_nav .active::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -17px;
    height: 1px;
    width: 100px;
    background-color: #CC1818;
}
.person_exchange_page{
    background-color: #fff;
    padding: 20px;
}
.my_order_tit {
    width: 1000px;
    padding: 0 20px;
    margin: 0 auto 10px;
    background-color: rgba(0, 0, 0, 0.05);
    height: 40px;
    overflow: hidden;
    clear: both;
    margin-top: 20px;
}

.my_order_tit div {
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    float: left;
}

.product {
    width: 380px;
}

.products {
    width: 380px
}

.one_money {
    width: 90px;
}

.num {
    width: 70px;
}

.do_someting {
    display: block;
    overflow: hidden;
    width: 80px;
}

.pay_money {
    width: 100px;
}

.deal_active {
    width: 110px;
}

.deal_do {
    width: 130px;
}


.all_item {
    border: 1px solid rgba(0, 0, 0, 0.15);
    width: 1000px;
    margin: 0 auto 10px;
}

.all_item_tit {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    padding: 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.item_data {
    font-family: Helvetica LT Std;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.45);
    margin-right: 32px
}

.item_num {
    font-family: Helvetica LT Std;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.45);
}

.item_num .num_detail {
    color: rgba(0, 0, 0, 0.85);
    margin-right: 100px
}

.item_name {
    color: rgba(0, 0, 0, 0.85);
    overflow: hidden;
}

.item_name .kefu {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 6px;
    margin-left: 13px;
}

.item_detail {
    padding: 0 20px 20px 20px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    clear: both;
    width: 1000px;
}

.items_detail {
    padding: 0 20px 0 20px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    clear: both;
    position: relative;
    width: 1000px;
}
.float_wrap{
    position: absolute;
    left: 644px;
}
.detail_img {
    width: 72px;
    height: 72px;
}

.detail_tit {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.85);
    margin-top: 10px;
    margin-left: 20px;
    width: 200px;
    text-align: left;
}

.mtop {
    padding-top: 20px;
}

.red_color {
    color: rgba(204, 24, 24, 1);
}

.pay_btn {
    width: 80px;
    height: 32px;
    background: rgba(255, 255, 255, 1);
    color: rgba(204, 24, 24, 1);
    line-height: 32px;
    border: 1px solid rgba(204, 24, 24, 1);
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    padding: 2px 5px;
}

.item_left {
    padding: 20px 0;
    height: 112px;
    width: 630px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.item_left:last-child {
    border-bottom: none;
}

.evaluate_btn {
    width: 80px;
    height: 32px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.25);
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 32px;
    text-align: center;
    margin: 0 auto 10px;
}

.del {
    width: 20px;
    height: 20px;
    margin-top: 7px;
    float: right;
}

.del img {
    width: 100%
}
.goodsName{
    margin-left: 13px;
    width: 300px;
}
/* 评价 */
.evaluate {
    height: 50px;
    background-color: #fff;
    line-height: 50px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    padding: 0 20px
}

.product_info {
    min-height: 466px;
    padding: 20px;
    margin-top: 20px;
    background-color: #fff;

}

.match {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
    margin-top: 20px;
}

.info_left {
    overflow: hidden;
    width: 260px;
    height: 396px;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.evaluate_num {
    text-align: center;
    font-size: 42px;
    font-weight: 400;
    line-height: 59px;
    color: rgba(204, 24, 24, 1);
}

.star_list {
    width: 120px;
    /* margin: 0 auto; */
}
.auto_star{
    margin: 0 auto;
}
.product_img {
    width: 160px;
    height: 160px;
    background: #ccc;
    margin: 28px auto 0;
}

.product_tit {
    width: 130px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.85);
    margin-top: 5px;

}

.product_money {
    font-size: 24px;
    line-height: 33px;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
}

.product_money span {
    font-size: 14px;
}

.evaluate_right {
    margin-left: 60px;
}

.star_box {
    margin-top: 20px;
    overflow: hidden;
    clear: both;
}

.star_tit {
    margin-right: 40px;
}

.evaluate_input {
    width: 540px;
    height: 100px;
    font-size: 14px;
    padding: 5px;
    line-height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    resize: none;
}

.avatar-uploader .el-upload {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.avatar-uploader .el-upload:hover {
    border-color: #409EFF;
}

.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.avatar-uploader {
    width: 60px;
}

.avatar {
    width: 60px;
    height: 60px;
    display: inline-block;
}
.up_box {
    position: relative;
}
.all_pic{
    font-size:14px;
    font-weight:400;
    line-height:20px;
    color:rgba(0,0,0,0.45);
    position: absolute;
    right: -150px;
    bottom: 0;
}
.anonymous{
    margin-top: 46px;
}
.evaluate_submit{
    width:80px;
    height:32px;
    background:rgba(204,24,24,1);
    font-size:14px;
    color:rgba(255,255,255,1);
    line-height: 32px;
    text-align: center;
}


/* 评论 */
.comment_box{
    background-color: #fff;
    margin-top: 20px;
    padding-bottom: 54px;
    margin: 20px auto 0;
}
.comment_nav{
    border-bottom: 1px solid rgba(0,0,0,0.15);
    height: 40px;
}
.comment_nav .active{
    color: rgba(204,24,24,1);
}
.comment_nav ul li{
    display: inline-block;
    width: 90px;
    text-align: center;
    font-size:14px;
    font-weight:400;
    line-height:40px;
    color:rgba(0,0,0,0.85);
    cursor: pointer;
}
.left_box{
    width: 180px;
}
.comment_item{
    width: 1040px;
    margin: 0 auto;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding: 20px;
    overflow: hidden;
    clear: both;
}
.comment_person{
    overflow: hidden;
    clear: both;
}
.person_pic{
    width: 32px;
    height: 32px;
    background-color: #CCC;
    border-radius: 50%;
    display: inline-block;
}
.person_name{
    font-size:14px;
    font-weight:400;
    display: inline-block;
    color:rgba(0,0,0,0.85);
    line-height: 32px;
    margin-left: 12px;
}
.star_list ul li{
    display: inline-block;
}
.star_list img{
    width: 16px;
    height: 16px;
}
.comment_text{
    width: 820px;
    text-align: left;
    font-size:14px;
    font-weight:400;
    line-height:22px;
    color:rgba(0,0,0,0.85);
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.comment_img_list{
    margin-top: 9px;
}

.comment_img_list ul li{
    display: block;
    width: 54px;
    height: 54px;
    /* background-color: #ccc; */
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.45);
    margin-right: 20px;
    display: inline-block;
}

.page_list {
    margin-top: 30px;
}


/* 申请退还 */
.exchange_box{
    width: 1040px;
    background-color: #fff;
    padding: 37px;
    font-size:14px;
    margin-top: 20px;
}
.exchange_item{
    overflow: hidden;
    clear: both;
    margin-bottom: 12px;
    padding-bottom: 5px
}
.exchange_tit{
    width: 90px;
    text-align: right;
    color:rgba(0,0,0,0.45);
    line-height: 20px;
    margin-right: 12px;
}
.el-radio__input.is-checked .el-radio__inner {
    border-color: #CC1818;
    background: #CC1818;
}
.el-radio__input.is-checked+.el-radio__label {
    color:rgba(0,0,0,0.85);
}
.radio_item{
    display: inline-block;
    width: 70px;
}
.money_input{
    width:80px;
    height:24px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(0,0,0,0.25);
    padding-left: 5px;
}
.sub_tips{
    font-size:14px;
    color:rgba(0,0,0,0.45);
}
.el-select{
    width: 200px;
    height: 24px;
    line-height: 24px !important;
}
.exchange_text{
    width:540px;
    height:80px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(0,0,0,0.25);
    font-size: 14px;
    line-height: 20px;
    opacity:1;
    resize: none;
}
.el-input__inner{
    height: 24px;
    line-height: 24px;
    width: 250px;
}
.el-select .el-input .el-select__caret{
    line-height: 24px;
}
.el-input{
    width: 250px;
}
.exchange_submit{
    width:80px;
    height:32px;
    background:rgba(204,24,24,1);
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height: 32px;
    text-align: center;
    margin-left: 100px;
    margin-top: 50px;
}


/* address */
.address{
    width: 1040px;
    padding: 20px;
    background-color: #fff;
    overflow: hidden;
    clear: both;
    min-height: 760px;
}
.add_address{
    overflow: hidden;
    clear: both;
}
.add_btn{
    width:120px;
    height:32px;
    background:rgba(204,24,24,1);
    font-size:14px;
    line-height:32px;
    color:rgba(255,255,255,1);
    text-align: center;
    margin-right: 20px;
}
.have_tips{
    margin-top: 11px;
    color:rgba(0,0,0,0.45);
    font-size:14px;
    line-height:20px;
}
.close_x{
    width: 16px;
    height: 16px;
    margin-top: 5px;
    cursor: pointer;
}
.add_item{
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
}
.address_item{
    width: 490px;
    height: 220px;
    padding: 20px;
    border:1px solid rgba(0,0,0,0.15);
    margin-top: 20px;
    margin-right: 0;
    position: relative;
}

.add_tit{
    width: 100px;
    font-size:14px;
    line-height:20px;
    color:rgba(0,0,0,0.45);
    text-align: right;
}
.add_detail{
    font-size:14px;
    line-height:20px;
    color:rgba(0,0,0,0.85);
}
.address_item:nth-child(2n){
    margin-right: 20px
}


.add_popup{
    width: 692px;
    height: 510px;
    background: #fff;;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-250px);
    box-shadow: 0px 0px 3px #888888;
}
.add_popup_tit{
    padding: 0 20px;
    height: 31px;
    line-height: 31px;
    background:rgba(235,235,235,1);
    font-size:14px;
    color:rgba(0,0,0,0.85);
}
.write_item{
    padding: 0 20px;
    margin-top: 20px;
    overflow: hidden;
    clear: both;
}
.add_write_tit{
    font-size:14px;
    line-height:20px;
    color:rgba(0,0,0,0.85);
    width: 70px;
    text-align: left;
    margin-right: 16px;
}
.add_write_tit span{
    color: #CC1818;
    display: inline-block;
    width: 8px;
}
.write_item .el-input__inner{
    border-radius: 0
}
.write_item .el-input--suffix .el-input__inner{
    padding: 0 5px;
}
.add_write_input p{
    font-size: 14px;
    color:rgba(0,0,0,0.85);
    margin-top: 5px;
    line-height: 20px;
}
.commonly_address {
    font-size: 14px;
    margin-left: 10px;
    line-height: 24px;
}
.add_box{
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
    color:rgba(0,0,0,0.85);
    border: 1px solid #C6C6C6;
    line-height: 20px;
}
.address_popup_btn{
    width:120px;
    height:32px;
    background:rgba(204,24,24,1);
    font-size:14px;
    line-height: 32px;
    text-align: center;
    margin-top: 40px;
    margin-left: 106px;
    cursor: pointer;
    color:rgba(255,255,255,1);
}
.icon_box{
    position: absolute;
    overflow: hidden;
    clear: both;
    right: 20px;
    top: 20px;
}
.del_0{
    width: 20px;
    height: 20px;
    margin-left: 20px;
}
.del_0 img{
    width: 100%
}
.bianji{
    width: 20px;
    height: 20px;
}
.bianji img{
    width: 100%;
}
.default{
    position: absolute;
    font-size:14px;
    cursor: pointer;
    line-height:20px;
    bottom: 20px;
    right: 20px;
    color:rgba(16,120,239,1);
}



/* person_exchange_page */
.exchange_product{
    width: 400px
}
.exchange_sub_tit{
    width: 140px
}
.mtop .exchange_sub_tit{
    margin-top: 20px;
}



/* integral_exchange */
.person_integral_order{
    background-color: #fff;
}
.person_collection{
    background-color: #fff;
}
.all_exchange{
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}

.all_exchange .active{
    color: #CC1818;
}
.all_exchange ul .active::after{
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 100px;
    background:rgba(204,24,24,1);
    bottom: 1px;
}
.all_exchange ul li{
    width: 100px;
    text-align: center;
    display: inline-block;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.85);
    position: relative;
}
.collection_nav{
    cursor: pointer;
}
/* .all_exchange ul .collection_nav::before{
    content:'';
    display: block;
    width: 1px;
    height: 12px;
    background:rgba(0,0,0,0.25);
    right: 0;
    top: 50%;
    transform: translateY(-6px);
    position: absolute;
} */
.time_order{
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.85);
    width: 100px;
    text-align: center;
}
.time_order img{
    width: 12px;
    height: 12px;
    float: right;
    margin-top: 19px;
    margin-left: 10px;
}
.order_product{
    width: 330px;
}
.order_money{
    width: 125px;
}
.integral_order_item{
    width: 1000px;
    margin: 0 auto 10px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.blue_color{
    color:rgba(16,120,239,1);
}
.item_detail .order_money{
    margin-top: 10px;
}
.integral_page{
    padding: 20px;
}


/* collection_list */
.collection_list{
    width: 1040px;
    padding: 20px;
}
.collection_item{
    width: 235px;
    margin-right: 20px;
    margin-bottom: 8px;
    position: relative;
}
.collection_item:nth-child(4n){
    margin-right: 0
}
.collection_img{
    width: 235px;
    height: 235px;
    /* background-color: #ccc; */
}
.collection_img img{
    width: 100%;
}
.collection_tit{
    font-size:14px;
    line-height:20px;
    color:rgba(0,0,0,0.85);
    margin-top: 9px;
    text-align: center;
    width: 238px;
    text-overflow: ellipsis;
    overflow: hidden;
    /* word-spacing: nowrap; */
    white-space: nowrap;
}
.collection_money{
    font-size:20px;
    line-height:20px;
    margin-top: 6px;
    text-align: center;
    color:rgba(204,24,24,1);
}
.collection_money span{
    font-size: 14px;
}
.del_collection img{
    width: 20px;
    height: 20px;
    right: 0;
    top: 0;
    z-index: 2;
    position: absolute;
}


/* footprint */
.footprint_data{
    height: 44px;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    width: 1000px;
    margin: 0 auto;
}
.data_detail{
    font-size:24px;
    font-weight:bold;
    color:rgba(0,0,0,0.85);
    position: absolute;
    height: 44px;
    line-height: 44px;
    top: 15px;
    background-color: #fff;
    padding-right: 5px;
}
.clear_history{
    width: 90px;
    position: absolute;
    right: 0px;
    top: 15px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 13px;
    cursor: pointer;
    line-height: 30px;
}
.footprint_data_box{
    overflow: hidden;
    clear: both;
    background-color: #fff;
}
.ticket_nav{
    height: 50px;
    background: #fff;
    padding: 0 20px;
}
.ticket_nav ul li{
    display: inline-block;
    width: 130px;
    text-align: center;
    line-height: 50px;
    font-size:14px;
    color:rgba(0,0,0,0.85);
    position: relative;
}
.ticket_nav .active{
    color: #CC1818;
}
.ticket_nav .active::before{
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background:rgba(204,24,24,1);
    bottom: 1px;
}
.ticket_list{
    padding: 20px;
    background-color: #fff;
    margin-top: 20px;
    overflow: hidden;
    clear: both;
}
.ticket_detail{
    width: 235px;
    height: 200px;
    background:rgba(235,91,91,1);
    overflow: hidden;
    clear: both;
}
.ticket_detail_no{
    width: 235px;
    height: 200px;
    background:rgba(0,0,0,0.25);
    overflow: hidden;
    clear: both;}
.ticket_item{
    width: 235px;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}
.ticket_item:nth-child(4n){
    margin-right: 0
}
.expired{
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    top: 0;
}
.expired img,.ticket_del img{
    width: 100%;
}
.ticket_del{
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
}
.ticket_money{
    font-size:42px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    overflow: hidden;
    clear: both;
    text-align: center;
    line-height: 1;
    margin-top: 48px;
}

.ticket_money span{
    font-size: 18px
}
.can_ueser{
    font-size:14px;
    line-height:20px;
    color:rgba(255,255,255,1);
    margin-top: 6px;
    text-align: center;
}
.user_data{
    font-size:14px;
    line-height:20px;
    color:rgba(255,255,255,0.65);
    text-align: center;
    margin-top: 38px;
}
.user_limit{
    height: 140px;
    background-color: #F7F7F7;
    padding: 17px 10px;
}
.limit_detail{
    font-size:14px;
    line-height:20px;
    color:rgba(0,0,0,0.25);
}
.limit_detail span{
    color:rgba(0,0,0,0.85);
}
.ticket_btn{
    width:100px;
    height:32px;
    border:1px solid rgba(204,24,24,1);
    font-size:14px;
    line-height:32px;
    color:rgba(204,24,24,1);
    text-align: center;
    margin: 47px auto 0;
}
.shixiao{
    width: 60px;
    height: 60px;
    margin-left: 155px;
    margin-top: 23px;
}


/* 个人设置 */
.set_up{
    padding: 36px 0 100px;
    background-color: #fff;
}
.set_item{
    overflow: hidden;
    clear: both;
    margin-bottom: 16px;
}
.set_tit{
    width: 100px;
    text-align: right;
    margin-right: 3px;
    font-size:14px;
    color:rgba(0,0,0,0.45);
    line-height: 20px;
}
.person_head{
    width: 80px;
    height: 80px;
    /* background-color: #ccc; */
}
.set_input{
    width: 240px;
    height: 32px;
    line-height: 32px;
    font-size:14px;
    color:rgba(0,0,0,0.85);
    border:1px solid rgba(0,0,0,0.25098039215686274);
}
.name_lineheight{
    line-height: 32px;
}
.phone_num{
    font-size:14px;
    line-height:20px;
    color:rgba(0,0,0,0.85);
}
.phone_btn{
    color:rgba(6,127,216,0.85);
    margin-left: 16px;
}
.no_margin{
    margin:  0
}
.info_btn{
    width:80px;
    height:32px;
    background:rgba(204,24,24,1);
    font-size:14px;
    line-height: 32px;
    text-align: center;
    margin-top: 50px;
    margin-left: 100px;
    color:rgba(255,255,255,1);
}

/* person_message */
.message_nav{
    width:1040px;
    height:50px;
    background:rgba(255,255,255,1);
    font-size:14px;
    color:rgba(0,0,0,0.85);
    line-height: 50px;
}
.message_nav ul li{
    display: inline-block;
    width: 100px;
    position: relative;
    text-align: center;
}
.message_nav ul .active{
    color:rgba(204,24,24,1);
}
.message_nav ul .active::before{
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    position: absolute;
    bottom: 1px;
    left: 0;
    background-color: #CC1818
}
.message_list{
    min-height: 690px;
    padding: 20px;
    background: #fff;
    margin-top: 20px;
}
.message_item{
    overflow: hidden;
    margin-bottom: 20px;
    clear: both;
    color: rgba(0,0,0,0.85);
}

.message_img{
    width: 48px;
    height: 48px;
    background-color: rgba(0,0,0,0.25);
}
.item_color{
    color:rgba(0,0,0,0.45);
}
.person_title{
    width: 100px;
    text-align: left;
    font-size: 12px;
}
.two_row{
    overflow:hidden; 
    text-overflow:ellipsis;
    white-space: nowrap;
}
.message_nomargintop{
    margin-top: 0 !important;
}

.message_tit{
    width: 700px;
    font-size:14px;
    line-height:20px;
    margin-top: 5px;
    margin-left: 12px;
}
.message_data{
    font-size:14px;
    line-height:20px;
    color:rgba(0,0,0,0.45);
    margin-top: 5px;
}


/* index_nav */
.index_nav{
    background-color: #fff;
    height: 100px;
    overflow: hidden;
    clear: both;
}
.index_icon{
    width: 240px;
    height: 100px;
    background:rgba(47,47,48,1);
    overflow: hidden;
    float: left;
    position: relative;
    font-size:24px;
    line-height:100px;
    color:rgba(199,184,111,1);
}
.index_icon::before{
    content: '';
    width: 150px;
    height: 150px;
    background-color: #fff;
    position: absolute;
    right: -80px;
    top: 0;
    transform:rotate(-60deg);
}
.index_icon_img{
    width: 32px;
    height: 32px;
    margin-top: 36px;
    margin-left: 20px;
}
.person_use_money{
    margin-top: 30px;
    margin-left: 20px;
}
.person_use_money .money_num{
    font-size:24px;
    font-weight:bold;
    line-height:33px;
    color:rgba(0,0,0,0.85);
}
.person_use_money .money_data{
    font-size:14px;
    font-weight:400;
    line-height:20px;
    color:rgba(0,0,0,0.85);
}

.vip_data,.vip_rule{
    font-size:14px;
    font-weight:400;
    line-height:20px;
    color:rgba(0,0,0,0.45);   
    text-align: right;
}
.vip_data{
    margin-top: 20px;
    margin-bottom: 30px;
}
.index_tips{
    margin-right: 20px;
}
.index_detail{
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
}
.index_tit{
    width:1000px;
    height:40px;
    background:rgba(0,0,0,0.05);
    line-height: 40px;
    font-size:14px;
    color:rgba(0,0,0,0.85);
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
}
.index_tit ul li,.detail_item ul li{  
    width: 240px;
    display: inline-block;
    text-align: center;
}
.detail_item{
    /* height: 50px; */
    font-size:14px;
    line-height:50px;
    overflow: hidden;
    clear: both;
    color:rgba(0,0,0,0.85);
}
.detail_item_money{
    color:rgba(199,184,111,1);
}
.clea_both{
    /* border-bottom: 1px solid rgba(0,0,0,0.05) ; */
}


/* 订单详情 */
.integral_order_detail{
    height: 320px;
    background-color: #fff;
    padding: 20px;
}
.logistics_info{
    width:1040px;
    background:rgba(255,255,255,1);
    padding: 17px 20px;
    margin-top: 20px;
}
.intergal_tit_text{
    font-size:20px;
    font-weight:bold;
    line-height:28px;
    color:rgba(0,0,0,0.85);
}
.logistics_list{
    margin-top: 20px;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:24px;
    color:rgba(0,0,0,0.85);
}
.order_detail_info{
    width: 510px;
    padding: 17px 20px;
    background-color: #fff;
    margin-top: 20px;
    min-height: 210px;
}
.margin_six{
    margin-bottom: 30px;
}
.pay_real{
    font-size:24px;
    font-family:PingFang SC;
    font-weight:bold;
    line-height:33px;
    color:rgba(204,24,24,1);
}
.order_detail_item{
    width: 200px;
    margin-bottom: 4px;
}
.order_detail_tit{
    text-align: left;
}
.order_detail_text{
    text-align: right;
}
.order_detail_info:first-child{
    margin-right: 20px;
}
.detail_wrap_box{
    width: 1040px;
}
.intergal_active{
    font-size:14px;
    font-weight:400;
    line-height:20px;
    color:rgba(0,0,0,0.85);
}
.intergal_active span{
    font-size:20px;
    font-weight:bold;
    line-height:22px;
    color:rgba(204,24,24,1);
}
.pay_real_tit{
    float: left;
    margin-top: 9px;
}
.step_bar{
    margin-top: 90px;
}
.step_bar .iconfont{
    font-size: 30px
}
.el-step__head.is-process{
    color: #c0c4cc;
    border-color: #c0c4cc;
}
.el-step__title.is-process{
    color:rgba(0,0,0,0.85);
}
.el-step__head.is-finish{
    color:#CC1818;
    border-color: #CC1818;
}
.el-step__title.is-wait{
    color:rgba(0,0,0,0.85);
}
.el-step__title.is-finish{
    color:rgba(0,0,0,0.85);
}
.el-step__description.is-finish{
    color:rgba(0,0,0,0.45);
}
.el-step__description.is-process{
    color:rgba(0,0,0,0.45);
}
.integral_nums{
    font-size:14px;
    font-weight:400;
    line-height:20px;
    color:rgba(0,0,0,0.85);
    margin-top: 80px;
}
.integral_nums span{
    color:rgba(204,24,24,1);
    margin-left: 6px;
}
.group-num{
    margin-left: 100px;
}
.group-num span{
    color:rgba(204,24,24,1);
}
.integral_address{
    background-color: #fff;
    margin-top: 20px;
    min-height: 410px;
    padding: 17px 20px;
}
.integral_detail{
    width: 360px;
    min-height: 370px;
    border-right: 1px solid rgba(0,0,0,0.15);
}
.integral_detail_tit{
    font-size:16px;
    font-weight:bold;
    line-height:22px;
    color:rgba(0,0,0,0.85);
    margin-bottom: 8px;
}
.integral_detail_item{
    font-size:14px;
    line-height:20px;
    color:rgba(0,0,0,0.85);
    overflow: hidden;
    clear: both;
    margin-bottom: 8px;
}
.integral_detail_item .item_tit{
    width: 80px;
}
.integral_detail_item .integral_detail_info{
    width: 240px;
    padding: 0;
}
.wuliu{
    padding: 0 20px;
}
.integral_add{
    background-color: #fff;   
    width: 1040px;
    margin-top: 20px;
}
.integral_goods{
    background-color: #fff;
    margin-top: 20px;
}
.integral_goods_nav{
    padding: 0 20px;
    line-height: 40px;
    overflow: hidden;
    clear: both;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
 .width_six{
    width: 570px
}
 .width_two{
    width: 200px;
    text-align: center;
}
.width_for{
    width: 390px;
}
.width_one_three{
    width: 110px;
    margin-left: 10px;
    text-align: center;
}
.width_one_three p{
    word-wrap: break-word;
}
.goods_detail{
    padding: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    /* border-top: 1px solid rgba(0,0,0,0.15); */
    overflow: hidden;
    clear: both;
}
.goods_detail div{
    display: inline-block;
}
.goods_img{
    width:64px;
    height:64px;
    border:1px solid rgba(0,0,0,0.15);
}
.goods_name{
    font-size:14px;
    line-height:24px;
    margin-top: 6px;
    color:rgba(0,0,0,0.85);
    margin-left: 8px;
    width: 400px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}

.pay_integral{
    font-size:14px;
    line-height:20px;
    color:rgba(204,24,24,1);
    margin-top: 40px;
    padding-bottom: 20px;
    text-align: right;
    padding-right: 20px;
}
.pay_detail{
    font-size:24px;
    font-weight:bold;
    line-height:33px;
    color:rgba(204,24,24,1);
    width: 140px;
    text-align: right;
    display: inline-block;
}
.pay_tit{
    display: inline-block;
    width: 80px;
    text-align: left;
}


.page_wrap{
    width: 100%;
    float: left;
}
.position_bottom{
    position: absolute;
    left: 0;
    bottom: 0
}
.up_head{
    opacity: 0;
    position: absolute;
    z-index: 99;
}